<template>
	<div id="app">
		<img alt="Vue logo" src="./assets/logo.png">
		<FormCompont msg="Welcome to Your Vue.js App" />
		<TableCompont></TableCompont>
		<DialogCompont></DialogCompont>

	</div>
</template>

<script>
	// import HelloWorld from './components/HelloWorld.vue'
	//import NewCompont from './components/NewCompont.vue'
	import FormCompont from './components/FormCompont.vue'
	import TableCompont from './components/TableCompont.vue'
	import DialogCompont from './components/DialogCompont.vue'



	export default {
		name: 'app',
		components: {
			//HelloWorld
			FormCompont,
			TableCompont,
			DialogCompont
		}
	}
</script>

<style>
	#app {
		font-family: 'Avenir', Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		/* text-align: center; */
		color: #2c3e50;
		margin-top: 60px;
	}
</style>
